<!DOCTYPE html>
<html ng-app="app">

<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta charset="utf-8">
<title>FeastBooking</title>
<style>
	body {
		background-color: #ff7385;
		color: white;
		height: 100vh;
		margin: 0;
	}
	header {
		position: fixed;
		width: 100%;
		top: 0;
		right: 10px;
		height: 10%;
	}
	main {
		height: 80%;
	}
	.contact-us {
		text-align: right;
		padding-top: 10px;
	}
	.app-name {
		font-size: 60px;
		font-weight: 800;
		height: 40%;
		padding-top: 100px;
		padding-left: 100px;
	}
	.app-function {
		height: 60%;
	}
	.app-img {
		width: 50%;
		display: inline-block;
		text-align: center;
	}
	.app-function {
		width: 40%;
		display: inline-block;
		font-size: 24px;
		letter-spacing: 2px;
	}
	footer {
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		text-align: center;
		height: 10%;
	}
	.reserved-right {
		padding: 10px;
	}
	.link-button-grp {
		margin-top:20px;
		display: flex;
		flex-wrap: nowrap;
	}
	.link-button {
		width: 200px;
		height: 60px;
		border-radius: 30px;
		background-color: #eee;
		margin-right: 50px;
		display: flex;
	}
	.link-button:hover {
		cursor: pointer;
	}
	.link-button-icon {
		height: 30px;
		margin: 15px;	
	}
	.get-it-on {
		color: #333;
		font-size: 15px;
		height: 30px;
		line-height: 30px
	}
	.app-market {
		font-size: 14px;
		color: #666;
		height: 30px;
		line-height: 30px;
	}
</style>
</head>
<body>
	<header class="contact-us">聯係我們: supportFeastBooking@gmail.com</header>	
	<main>
		<div class="app-name">FeastBooking</div>
		<div class="app-description">
			<div class="app-img">
				img here
			</div>
			<div class="app-function">
				<div>
					<div>FeastBooking匯集衆多優質商戶</div>
					<div>帶來優質婚禮體驗的同時提供大力優惠</div>
					<div>為您的幸福婚禮錦上添花！</div>
				</div>
				<div class="link-button-grp">
					<a class="link-button">
						<img src="./android.png" class="link-button-icon">
						<div class="link-text">
							<div class="get-it-on"><strong>Get it on</strong></div>
							<div class="app-market">Google Play</div>
						</div>
					</adiv>
					<a class="link-button">
						<img src="./apple.png" class="link-button-icon">
						<div class="link-text">
							<div class="get-it-on"><strong>Get it on</strong></div>
							<div class="app-market">App Store</div>
						</div>
					</a>
				</div>
			</div>
		</div>
	</main>
	<footer>
		<div class="reserved-right">©2017 FeastBooking, All Rights Reserved</div>
	</footer>
</body>

</html>
<!-- #ff7385 -->